.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contain {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.contenter {
	width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #F8F8F8;
	padding-bottom: 70px;
}

.app-footer {
	position: fixed;
	bottom: 0;
	left: 0;
}

.ml20 {
	margin-left: 20upx
}

.mr20 {
	margin-right: 20upx
}

.mt20 {
	margin-top: 20upx
}

.mt30 {
	margin-top: 40upx;
}

.text-center {
	text-align: center;
}

.status_bar {  
    height: var(--status-bar-height);  
    width: 100%;  
    background-color: #F8F8F8;  
} 
